<template>
  <div>
    <el-row :gutter="20" type="flex" justify="center" style="margin:20px 0">
      <el-col :span="6"><router-link style="width:90%" to="singleOrder" :class="btnClass" tag="button">单定单</router-link></el-col>
      <el-col :span="6"><router-link style="width:90%" to="mutliOrder" :class="btnClass" tag="button">多定单</router-link></el-col>
      <el-col :span="6"><router-link style="width:90%" to="/batOrder" :class="btnClass" tag="button">批量定单</router-link></el-col>
    </el-row>
    <router-view />

  </div>
</template>
<script>

export default {
  data() {
    return {
      btnClass: 'el-button'
    }
  }
}
</script>
<style scoped>
  .router-link-active{
      color: #fff;
      background-color: #409eff;
      border-color: #409eff;
  }

</style>
